<template>
  <div>
    <ul class="todo-main">
  
       <Itemm 
       v-for="todoObj in todoss" 
       :key="todoObj.id" 
       :todo="todoObj" 
      
       />
    </ul>
  </div>
</template>

<script scoped>

import Itemm from './Itemm.vue';
export default {
    name: "Lstt",
    props:['todoss'],
    data() {
        return {
            
        };
    },
    
    components: { Itemm }
}
</script>

<style>
.todo-main{
    margin-left: 0px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 0px;
}
.todo-empty{
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
     border-radius: 2px;
     padding-left: 5px;
     margin-top: 10px;
}
</style>